<%-- 
    Document   : register
    Created on : Dec 3, 2013, 10:57:49 PM
    Author     : Welcome
--%>

<%@page import="businesscard.DAO.ThanhphoDAO"%>
<%@page import="bc.entity.Thanhpho"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" href="css/bocuc.css" type="text/css"/>
        <link rel="stylesheet" href="css/style.css" type="text/css"/>
        <link rel="stylesheet" href="css/testcss.css" type="text/css"/>
        <link rel="stylesheet" href="css/mystyle.css" type="text/css"/>
        <link rel="stylesheet" href="css/botoncss.css" type="text/css"/>
        <script type="text/javascript" src="jquery/jquery-1.1.3.1.min.js"></script> 
        <script type="text/javascript" src="jquery/jquery-1.4.2.js"></script> 
        <script type="text/javascript" src="jquery/jquery-latest.js"></script>
        <script type="text/javascript" src="jquery/myjquery.js"></script>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
        <script>
            var xmlhttp;

            function check()
            {
                xmlhttp = GetXmlHttpObject();

                if (xmlhttp == null)
                {
                    alert("Your browser does not support Ajax HTTP");
                    return;
                }
                var name = document.getElementById("txtUsername").value;
                if (name.trim() === "") {
                    document.getElementById("name").innerHTML = "<p style='color:red'>Tên đăng nhập không được bỏ trống!</p>";
                }
                else {
                    var url = "Kiemtra.jsp";
                    url = url + "?user=" + name;

                    xmlhttp.onreadystatechange = getOutput;
                    xmlhttp.open("GET", url, true);
                    xmlhttp.send(null);
                }
            }
            function check_email()
            {
                xmlhttp = GetXmlHttpObject();

                if (xmlhttp == null)
                {
                    alert("Your browser does not support Ajax HTTP");
                    return;
                }
                var email = document.getElementById("txtEmail").value;
                if (email.trim() === "") {
                    document.getElementById("ck_email").innerHTML = "<p style='color:red'>Email không được bỏ trống!</p>";
                }
                else {
                    var url = "kiemtra_email.jsp";
                    url = url + "?email=" + email;

                    xmlhttp.onreadystatechange = getOutputEmail;
                    xmlhttp.open("GET", url, true);
                    xmlhttp.send(null);
                }
            }

            function check_pass()
            {
                var pass = document.getElementById("txtPassword").value;
                var passc = document.getElementById("txtChkPassword").value;

                if (pass.trim() === "") {
                    document.getElementById("ck_pass").innerHTML = "<p style='color:red'>Mật khẩu không được bỏ trống!</p>";
                }
                else {
                    document.getElementById("ck_pass").innerHTML = "<p style='color:green'>Mật khẩu hợp lệ!</p>";
                }
                if (pass != passc)
                {
                    document.getElementById("idcheck_pass").innerHTML = "<p style='color:red'>Mật khẩu phải giống nhau</p>";
                    document.getElementById("txtChkPassword").value = "";
                }
                else if (passc.trim() === "") {
                    document.getElementById("idcheck_pass").innerHTML = "<p style='color:red'>Bạn phải nhập lại mật khẩu!</p>";
                    document.getElementById("txtChkPassword").value = "";
                }
                else {
                    document.getElementById("idcheck_pass").innerHTML = "<p style='color:green'>Mật khẩu hợp lệ!</p>";
                }
            }
            function getOutput()
            {
                if (xmlhttp.readyState == 4 || xmlHttp.readyState == "complete")
                {
                    document.getElementById("name").innerHTML = xmlhttp.responseText;
                }
            }
            function getOutputEmail() {
                if (xmlhttp.readyState == 4 || xmlHttp.readyState == "complete")
                {
                    document.getElementById("ck_email").innerHTML = xmlhttp.responseText;
                }
            }
            function getOutputQuan()
            {
                if (xmlhttp.readyState == 4 || xmlHttp.readyState == "complete")
                {
                    document.getElementById("txtQuanhuyen").innerHTML = xmlhttp.responseText;
                }
            }
            function get_Quanhuyen() {
                xmlhttp = GetXmlHttpObject();

                if (xmlhttp == null)
                {
                    alert("Your browser does not support Ajax HTTP");
                    return;
                }
                var thanhpho = document.getElementById("txtThanhpho").value;

                var url = "getQuanhuyen.jsp";
                url = url + "?thanhpho=" + thanhpho;

                xmlhttp.onreadystatechange = getOutputQuan;
                xmlhttp.open("GET", url, true);
                xmlhttp.send(null);
            }
            function GetXmlHttpObject()
            {
                if (window.XMLHttpRequest)
                {
                    return new XMLHttpRequest();
                }
                if (window.ActiveXObject)
                {
                    return new ActiveXObject("Microsoft.XMLHTTP");
                }
                return null;
            }


        </script>
    </head>
    <body>
        <div id="a_Register">
            <div id="dk">
                <h1>ĐĂNG KÝ THÀNH VIÊN</h1>
            </div >
            <form id="registerform" action="RegisterController" method="post"> 

                <div class="dk_thongtin"><h3>Một số thông tin cơ bản để đăng ký</h3>

                    <div class="dk_thongtinchung">
                        <input class="valueSearch" id="txtUsername" name="txtUsername" type="text" value="" placeholder="Tên đăng nhập" onBlur="check();"/> * &nbsp;
                    </div>
                    <div id="name"></div>
                    <div class="dk_thongtinchung">
                        <input class="valueSearch" id="txtPassword" name="txtPassword" type="password"  value="" placeholder="Điền Mật Khẩu"/> * &nbsp;
                    </div>
                    <div id="ck_pass"></div>
                    <div class="dk_nhaplaimk">
                        <input class="valueSearch" id="txtChkPassword" name="txtChkPassword" type="password" value="" onBlur="check_pass();" placeholder="Nhập lại mật khẩu"/> * &nbsp;
                    </div>
                    <div id="idcheck_pass">                            
                        <span ></span> 
                    </div>
                    <div class="dk_email">
                        <input class="valueSearch" id="txtEmail"name="txtEmail" type="text" value="" onkeyup="ResultSearch(this.value);" onBlur="check_email();" placeholder="Nhập Email Đăng Ký" /> *
                    </div>
                    <div id="ck_email"></div>
                </div>
                <div class="dk_thongtincanhan"><h3> Một vài thông tin cá nhân sẽ giúp chúng tôi phục vụ bạn tốt hơn</h3>

                    <div class="dk_ngaysinh">
                        Tôi sinh vào

                        <select name="Ngay" id="date">
                            <option value="">Ngày</option>
                            <%
                                for (int i = 1; i <= 31; i++) {
                            %>
                            <option  value="<%=i%>"><%=i%> </option>
                            <%
                                }
                            %>
                        </select>


                        <select name="Thang" id="month">
                            <option  value="">Tháng</option>
                            <%
                                for (int i = 1; i <= 12; i++) {
                            %>
                            <option value="<%=i%>"><%=i%> </option>
                            <%
                                }
                            %>
                        </select>


                        <select name="Nam" id="year">
                            <option value="">Năm</option>
                            <%
                                for (int i = 1920; i <= 2013; i++) {
                            %>
                            <option value="<%=i%>"><%=i%> </option>
                            <%
                                }
                            %>
                        </select>
                    </div>
                    <div class="hinhanh">
                        Chọn hình đại diện
                        <input type="file" name="fileUp" value="" style="border: 1px solid;"/>

                    </div>
                    <div class="dk_gioitinh">
                        Giới tính
                        <input type="radio" name="sex" value="1">Male 
                        <input type="radio" name="sex" value="0">Female
                    </div>
                    <div class="dk_sodt">
                        Số điện thoại
                        <input class="valueSearch" name="txtSodt" type="text"  value="" placeholder="Số Điện Thoại"/>
                    </div>

                    <div class="dk_socmnd">
                        Số chứng minh nhân dân
                        <input class="valueSearch" name="txtSocmnd" type="text"  value="" placeholder="Số Chứng Minh Nhân Dân" />
                    </div>
                    <div class="dk_thanhpho">
                        Thành phố

                        <select name="txtThanhpho" id="txtThanhpho" onchange="get_Quanhuyen();">
                            <option>Chọn thành phố</option>
                            <%
                                ThanhphoDAO A = new ThanhphoDAO();
                                Thanhpho[] B = A.getAllThanhpho();
                                for (int i = 0; i < B.length; i++) {
                            %>
                            <option  value= <%=B[i].getIdThanhpho()%> > <%=B[i].getThanhpho()%></option>
                            <%
                                }
                            %>
                        </select>
                    </div>
                    <div id="txtQuanhuyen" name="txtQuan"></div>
                    <div>Địa chỉ:
                        <input type="text" name="txtDiachi"/>
                    </div>
                </div>
                <div class="dk_button">
                    <input type="submit" value="Register" name="action" id="button"/><input type="reset" value="Reset" name="reset" id="button"/> 
                </div>
            </form>
        </div> 
    </body>
</html>
